import React from 'react';
import { Row, Col } from 'antd';
import styles from './index.less'

class DetailHeader extends React.Component{
  constructor(props) {
    super(props)
  }
  render() {
    const detail = this.props.detail;
    console.log(detail)
    return (
      <React.Fragment>
        <Row className={styles.headerContainer} gutter={16}>
          <Col span={6}><span>创建时间：</span>{detail.startDate || '--'}</Col>
          <Col span={6}><span>清查任务：</span>{detail.name || '--'}</Col>
          <Col span={6}><span>学校数：</span>{detail.schoolNum || '--'}</Col>
          <Col span={6}><span>馆藏册数：</span>{detail.itemNum ? `${detail.itemNum}册` : '--'}</Col>
        </Row>
      </React.Fragment>
    )
  }
}

export default DetailHeader
